(function($){
'use strict';
$(window).on('elementor/frontend/init',
function (){
qodefAddonsElementor.init();
qodefAddonsElementorPromoWidgets.init();
}
);
var qodefAddonsElementor={
init: function (){
var isEditMode=Boolean(elementorFrontend.isEditMode());
if(isEditMode){
for(var key in qodefAddonsCore.shortcodes){
for(var keyChild in qodefAddonsCore.shortcodes[key]){
qodefAddonsElementor.reInitShortcode(key,
keyChild
);
}}
}},
reInitShortcode: function(key, keyChild){
elementorFrontend.hooks.addAction('frontend/element_ready/' + key + '.default',
function(e){
if(typeof qodefAddonsCore.shortcodes[key][keyChild]==='undefined'){
console.log(keyChild);
}else if(typeof qodefAddonsCore.shortcodes[key][keyChild].initSlider==='function'&&e.find('.qodef-qi-swiper-container').length){
var $sliders=e.find('.qodef-qi-swiper-container');
if($sliders.length){
$sliders.each(function (){
qodefAddonsCore.shortcodes[key][keyChild].initSlider($(this));
}
);
}}else if(typeof qodefAddonsCore.shortcodes[key][keyChild].initItem==='function'&&e.find('.qodef-shortcode').length){
qodefAddonsCore.shortcodes[key][keyChild].initItem(e.find('.qodef-shortcode'));
}else{
qodefAddonsCore.shortcodes[key][keyChild].init();
}}
);
},
};
var qodefAddonsElementorPromoWidgets={
init: function (){
if(typeof elementor!=='undefined'){
elementor.hooks.addFilter('panel/elements/regionViews',
function(panel){
var qodeWidgetsPromoHandler,
elementsView=panel.elements.view,
categoriesView=panel.categories.view;
qodeWidgetsPromoHandler={
className: function (){
var className='elementor-element-wrapper';
if(!this.isEditable()){
className +=' elementor-element--promotion';
if(this.isQodeWidget()){
className +=' qodef-element--promotion';
}}
return className;
},
isQodeWidget: function (){
if(undefined!==this.model.get('name')){
return 0===this.model.get('name').indexOf('qi_');
}},
getElementObj: function(key){
var widgetObj=elementor.config.promotionWidgets.find(function(widget, index){
if(widget.name==key){
return true;
}}
);
return widgetObj;
},
onMouseDown: function (){
var actionURL=elementor.config.elementPromotionURL.replace('%s',
this.model.get('name')
),
title=this.model.get('title'),
content=sprintf(
wp.i18n.__('Use %s widget and dozens more pro features to extend your toolbox and build sites faster and better.',
'qi-addons-for-elementor'
),
title
),
promotion=elementor.config.promotion.elements;
if(this.isQodeWidget()){
var widgetObject=this.getElementObj(this.model.get('name'));
if(typeof widgetObject.helpUrl!=='undefined'){
actionURL=widgetObject.helpUrl;
}
content=sprintf(
wp.i18n.__('The %s comes with advanced professional functionalities and an even smoother website-making experience. %s Upgrade Qi Addons for Elementor %s',
'qi-addons-for-elementor'
),
title,
'',
''
);
}
elementor.promotion.showDialog({
title: sprintf(
wp.i18n.__('%s Widget',
'qi-addons-for-elementor'
),
title
),
content: content,
position: {
blockStart: '-7'
},
targetElement: this.el,
actionButton: {
url: actionURL,
text: promotion.action_button.text,
classes: promotion.action_button.classes||['elementor-button', 'go-pro']
}}
);
}};
panel.elements.view=elementsView.extend({
childView: elementsView.prototype.childView.extend(qodeWidgetsPromoHandler)
}
);
panel.categories.view=categoriesView.extend({
childView: categoriesView.prototype.childView.extend({
childView: categoriesView.prototype.childView.prototype.childView.extend(qodeWidgetsPromoHandler)
}
)
}
);
return panel;
}
);
}},
};})(jQuery);
(function ($){
const wdtSectionsOptionsHandler=function($scope){
const animationEffectInstance=new wdtWidgetsAnimationEffectHandlerInit($scope);
animationEffectInstance.init();
};
const wdtWidgetsAnimationEffectHandlerInit=function($scope){
const $self=this,
$window=$(window),
$sectionId=$scope.data('id'),
$editMode=Boolean(elementorFrontend.isEditMode()),
$activeBreakpoints=elementorFrontend.config.responsive.activeBreakpoints,
$deviceMode=elementorFrontend.getCurrentDeviceMode();
let $activeBreakpointkeys=[];
let $animationEffectSettings=false;
let $mouseMoveItemSettings={};
let $scrollItemSettings={};
$self.init=function(){
$self.animationEffectInit();
};
$self.filterObjects=function($settings, $searchKey){
let $settingKeys=Object.keys($settings).filter((key)=> key.includes($searchKey));
let $filteredSettings=$settingKeys.reduce((cur, key)=> { return Object.assign(cur, { [key]: $settings[key] })}, {});
if(Object.keys($filteredSettings).length){
return $filteredSettings;
}
return false;
};
$self.animationEffectInit=function(){
if($editMode){
$animationEffectSettings=$self.generateEditorSettings($sectionId);
}else{
$animationEffectSettings=$scope.data('settings')||false;
$animationEffectSettings=$self.filterObjects($animationEffectSettings, 'wdt_');
}
if(!$animationEffectSettings||$animationEffectSettings['wdt_animation_effect']==='none'||$animationEffectSettings['wdt_animation_effect']===''){
return false;
}
$self.updateActiveBreakpoints();
$self.generateBgItemsInSections();
if(Object.keys($mouseMoveItemSettings).length){
$self.animationEffectMouseMove();
}
if(Object.keys($scrollItemSettings).length){
let img=new Image();
if($animationEffectSettings['wdt_bg_image']['url']!==''){
img.src=$animationEffectSettings['wdt_bg_image']['url'];
img.onload=function(){
let $bgCSS={
'height': this.height+'px'
};
$scope.find('.wdt-section-bgeffects-image').css($bgCSS);
$self.animationEffectScroll();
}}
}};
$self.generateEditorSettings=function($sectionId){
let $editorModels=null,
$editorSettings={};
if(!window.elementor.hasOwnProperty('elements')){
return false;
}
$editorModels=window.elementor.elements.models;
if(!$editorModels){
return false;
}
$.each($editorModels, function(index, obj){
if($sectionId===obj.id){
$editorSettings=obj.attributes.settings.attributes;
}});
if(!Object.keys($editorSettings).length){
return false;
}
return $self.filterObjects($editorSettings, 'wdt_');
};
$self.updateActiveBreakpoints=function(){
$.each($activeBreakpoints, function (key, value){
if('widescreen'===key){
$activeBreakpointkeys.push('desktop');
$activeBreakpointkeys.push(key);
}else{
$activeBreakpointkeys.push(key);
}});
if(-1===$activeBreakpointkeys.indexOf('widescreen')){
$activeBreakpointkeys.push('desktop');
}};
$self.generateBreakpointwiseBgItems=function($section){
let $bgItems={};
let $wdt_bg_image=($section['wdt_bg_image']&&''!=$section['wdt_bg_image']['url']) ? $section['wdt_bg_image']['url']:'';
let $wdt_bg_position=($section['wdt_bg_position']&&''!=$section['wdt_bg_position']) ? $section['wdt_bg_position']:'center center';
let $wdt_bg_size=($section['wdt_bg_size']&&''!=$section['wdt_bg_size']) ? $section['wdt_bg_size']:'';
$activeBreakpointkeys.forEach(function(breakpoint){
if('desktop'===breakpoint){
$bgItems[breakpoint]={
'bgImage':$wdt_bg_image,
'bgPosition':$wdt_bg_position,
'bgSize':$wdt_bg_size
};}else{
$bgItems[breakpoint]={
'bgImage':($section['wdt_bg_image_' + breakpoint]&&''!=$section['wdt_bg_image_' + breakpoint]['url']) ? $section['wdt_bg_image_' + breakpoint]['url']:$wdt_bg_image,
'bgPosition':($section['wdt_bg_position_' + breakpoint]&&''!=$section['wdt_bg_position_' + breakpoint]) ? $section['wdt_bg_position_' + breakpoint]:$wdt_bg_position,
'bgSize':($section['wdt_bg_size_' + breakpoint]&&''!=$section['wdt_bg_size_' + breakpoint]) ? $section['wdt_bg_size_' + breakpoint]:$wdt_bg_size
};}});
return $bgItems;
};
$self.generateBgItemsInSections=function(){
$('.wdt-section-bgeffects-item', $scope).remove();
const $effectType=$animationEffectSettings['wdt_animation_effect'];
let $bgItem=$self.generateBreakpointwiseBgItems($animationEffectSettings);
if($effectType==='none'||$effectType===''||!$bgItem[$deviceMode]){
return false;
}
if(!$scope.hasClass('wdt-section-bgeffects')){
$scope.addClass('wdt-section-bgeffects');
}
const $bgImage=$bgItem[$deviceMode].bgImage;
const $bgPosition=$bgItem[$deviceMode].bgPosition;
const $bgSize=$bgItem[$deviceMode].bgSize;
if($effectType==='mouse-move'){
let $layout=$('